import { useSelector, useDispatch } from "react-redux";
import { useEffect, useRef } from "react";
import classNames from "classnames";
import "./index.css";

export default function DeviceInfo(props) {
  const combinedClassName = classNames("grid gap_default", props.className);
  return (
    <div className="list m_xs">
      <h3 className="title m_sm">{props.title}</h3>
      <div className={combinedClassName}>{props.children}</div>
    </div>
  );
}
